<html>
    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
         <meta name="layout" content="main" />
         <title>Display Shirt And Trouser List</title>
    </head>
    <body>
        <div class="nav">
	    <span class="menuButton"><a href="${createLinkTo(dir:'')}">Home</a></span>
        </div>
        <div class="body">
           <h1>Shirt List</h1>
           <table>
               <tr>
                        <th>Id</th>
                        <th>Cabinet</th>
                        <th>Color</th>
                        <th>Name</th>
               </tr>
               <g:each in="${shirtList}">
                    <tr>
			    <td>${it.id}</td>
			    <td>${it.cabinet.name}</td>
			    <td>${it.color}</td>
			    <td>${it.name}</td>
                    </tr>
               </g:each>
           </table>
           <h1>Trouser List</h1>
           <table>
               <tr>
                        <th>Id</th>
                        <th>Cabinet</th>
                        <th>Color</th>
                        <th>Name</th>
               </tr>
               <g:each in="${trouserList}">
                    <tr>
			    <td>${it.id}</td>
			    <td>${it.cabinet.name}</td>
			    <td>${it.color}</td>
			    <td>${it.name}</td>
                    </tr>
               </g:each>               
           </table>           
        </div>
    </body>
</html>